@const CHROME-TEXT: #ddd;
@const MENU-TEXT: #ddd;
@const MENU-HILITE-BACK: #000;
@const MENU-HILITE-TEXT: #fff;



#window {
    flow: horizontal;
    width: *;
    height: 25dip;
    color: #fff;
    vertical-align: middle;
}

#windowcaption {
	font-size: 14pt;
    size: *;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
}
#windowcaption span{
    font-size: 8pt;
    behavior: button;
}
#window > chrome-button {
    display: block;
    /*size: 18dip;*/
    font-family: marlett;
    font-size: 16dip;
    text-align: center;
    padding: 5dip 15dip 5dip 15dip;
    margin: 0;
    /*cursor: default;*/
    font-rendering-mode: sub-pixel;
}

#window > chrome-button:hover {
    background-color: @MENU-HILITE-BACK;
    color: @MENU-HILITE-TEXT;
    transition: background-color(linear, 200ms);
}

#window > chrome-button[role="window-config"]{
    background-image: url(img/cfg.svg);
    background-repeat:no-repeat; 
    background-size:14dip; 
    fill:white;
    background-position: center 55% ;
    size:10dip *;
}
